<template>
  <div class="city-list">
    <sub-item v-for="(item,index) in cityList" :city-info="item" :key="item.cityId">
    </sub-item>
  </div>
</template>
<script>
  import SubItem from './Sub.vue';
  import cityDatas from '@/assets/data/cities.js';

  export default{
    name:'ScrollCityList',
    components:{
       'sub-item':SubItem
    },
    data:function(){
      return {
        cityList:cityDatas
      }
    }
  }
</script>
<style lang="scss" scoped="scoped">

</style>
